<div id="xoview-tip-event-delegation-not-work" class="xpage">
    <header class="bar bar-nav">
        <a href="#home/list1" data-back="home/list1" class="btn btn-link btn-nav pull-left"><span class="icon icon-left-nav"></span></a>
        <h1 class="title">非a标签点击事件失效</h1>
    </header>

    <div class="bar bar-standard bar-header-secondary">

        <div class="segmented-control">
            <a class="control-item active">问题描述</a>
            <a class="control-item">环境与频率</a>
            <a class="control-item">解决办法</a>
        </div>

    </div>

    <div class="content">
        <div class="card">
            <div class="control-content sc active">
                <pre>
                <code class="code">
&lt;span class="span_1"&gt;span_1&lt;/span&gt;
&lt;span class="span_2"&gt;span_2&lt;/span&gt;
&lt;div class="dv_1"&gt;dv_1&lt;/div&gt;
&lt;a href="javascript:;" class="a_1"&gt;a_1&lt;/a&gt;
&lt;script&gt;
document.addEventListener('click', function(e) {
    alert('bind document e.target.id = '+e.target.id);
},false); 
&lt;/script&gt;
                </code>               
                </pre>        
                <p>
                    上面的代码在ios下点击 span_1, span_2, dv_1 都没有弹出框。
                </p>
            </div>
            <div class="control-content sc">ios</div>
            <div class="control-content sc">
                <p>在标签上加onclick属性</p>
                <pre>
                <code class="code">
 &lt;span id="span_1" onclick="javascript:void(0)"&gt;span_1&lt;/span&gt;
                </code>
                </pre>
            </div>
        </div>

        <div class="content-padded"><h4>示例</h4></div>
        <div class="content-padded">
            <div id="ednwDemo">
                <style>
                .ednw-badge{display:block;padding:10px;margin-bottom:10px;background:#eee;border:1px solid #ddd;}
                </style>
                <span class="ednw-badge" id="span_1">span_1</span>
                <span class="ednw-badge" id="span_2">span_2</span>
                <div id="dv_1" class="ednw-badge">dv_1</div>
                <a href="javascript:;" id="a_1" class="ednw-badge">a_1</a>
            </div>
            <script>
            document.getElementById('ednwDemo').addEventListener('click', function(e) {
                alert('bind document e.target.id = '+e.target.id);
            },false);       
            </script>
        </div>

    </div>
</div>
